<template>
    <a-card :title="'最新交付文档' " :bordered="false">
        <a-list :data-source="listDataSource">
            <template #renderItem="{ item }">
                <a-list-item class="flex justify-between items-center">
                    <span>{{ item.name }}</span>
                    <span class="text-gray-400 text-sm">{{ item.date }}</span>
                </a-list-item>
            </template>
        </a-list>
    </a-card>
</template>

<script setup name="steps">
const props = defineProps({
    proId: {
        type: Number,
    },
})
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
watch(proId, () => {
    getStep(proId.value);
});


const listDataSource = [
    {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    },
    {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    }
    ,
    {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    },
    {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    }
    , {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    },
    {
        name: "产品研发项目演示1的项目组织信息.doc",
        date: '2023-10-01',
        id: "11"
    }

];

</script>
<style scoped></style>
